<template>
  <div class="model" v-bind:style="{height:model_height +'px'}" v-show="show">
    <ul class="px_list animated slideInDown">
      <li>
        <a @click.stop="gotopx" val="1" class="fous">
          <span class="iconfont icon-order"></span>
          最新上架
          <span class="ok iconfont icon-check"></span>
        </a>
      </li>
      <li>
        <a @click.stop="gotopx" val="2">
          <span class="iconfont icon-down"></span>
          价格最低
        </a>
      </li>
      <li>
        <a @click.stop="gotopx" val="3">
          <span class="iconfont icon-top"></span>
          价格最高
        </a>
      </li>
      <li>
        <a @click.stop="gotopx" val="4">
          <span class="iconfont icon-countdown"></span>
          车龄最短
        </a>
      </li>
      <li>
        <a @click.stop="gotopx" val="5">
          <span class="iconfont icon-hot"></span>
          历程最少
        </a>
      </li>
    </ul>
  </div>
</template>
<style>

</style>
<script>

  export default{
    props: ['show','gotopx'],
    data(){
      return {
        msg: 'hello vue',
        model_height: ''
      }
    },
    components: {},
    created: function () {
      var win_height = $(window).innerHeight();
      this.model_height = win_height - 88 - 50
    },
    methods: {

    }
  }
</script>
